﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserRegister.aspx.cs" Inherits="User_UserRegister" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title> Title </title>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
  <link href="_assets/css/layout.css" rel="stylesheet" type="text/css" />
  <script src="_assets/js/jquery.js" type="text/javascript"></script>
  <script src="_assets/js/scripts.js" type="text/javascript"></script>
  <script src="_assets/js/koo.js" type="text/javascript"></script>
  <script type="text/javascript">
      $(document).ready(function () { $('#form1').Koo(); });
   </script>
</head>
<body id="p-content">
		<!-- wrapper -->
		<div class="wrapper">
		<!-- wrap -->
		<div id="wrap">
			
			<!-- head -->
			<div id="head">
				<a href="/" class="logo">挖掘机查询中心</a>
				<!-- nav -->
				<div class="nav">
					<ul>
						<li><a href="/" class="active">首页</a></li>
						<li><a href="product.html">产品系列</a>
							<ul class="nav2">
								<li>
								<a href="#">小型机</a>
								</li>
								<li>
								<a href="#">中型机</a>
								</li>
								<li>
								<a href="#">大型机</a>
								</li>
							</ul>
						</li>
						<li><a href="promotion.html">热销活动</a></li>
						<li><a href="service.html">服务与体验</a></li>
						<li><a href="saler.html">经销商查询</a></li>
						<li><a href="brand.html">卡特品牌</a></li>
					</ul>
				</div>
				<!-- /nav -->
				<a href="/" class="login">登录</a>

				<!-- breadcrumb -->
				<div class="breadcrumb">
					<h3>您的位置：</h3>
					<a href="/">首页</a> > <a href="#">信息注册页面</a>
				</div>
				<!-- /breadcrumb -->

				<!-- banner -->
				<div class="prom">
					<img src="images/banner-1.png"/>
				</div>
				<!-- /banner -->
			</div>
			<!-- /head -->
			<!-- main -->
			<div id="main">
					 <!-- left -->
					<div id="col-left">
							<div class="block">
								<h3>快速服务</h3>
								<p>查找经销商</p>
								<!-- province -->
								<div class="province">
										<span>您所在的省份</span>
								</div>
								<!-- city -->
								<div class="city">
										<span>您所在的城市</span>
								</div>
								<a href="#" class="btn-src"><img src="images/btn-src-2.png"/></a>
								
								<a href="#" class="btn">下载产品手册</a>
								<a href="#" class="btn">产片询价</a>
								<a href="#" class="btn">申请试驾</a>
								<a href="#" class="btn">卡特融资</a>
								<a href="#" class="btn">以旧换新</a>
							</div>

							<div class="block sp">
								<h3>促销活动</h3>

								<a href="#" class="banner"><img src="images/banner-2.png"/></a>
								<a href="#" class="banner"><img src="images/banner-3.png"/></a>

							</div>
					</div>
					 <!--/ left -->
					 <!-- right -->
					 <div id="col-right">
							
							<div class="formReg">
								<form action="/" id="form1" method="post">
								<p class="redfont pad26">您好！您只要简单的填写注册信息，就可以下载产品手册、对您中意的机型进行询价并申请试驾。</p>
								<h1>基本信息</h1>
								<div class="sp-line-bold"></div>
								<table border="0" cellspacing="0" cellpadding="0" class="basicInfo">
									<tr>
										<td class="redfont">*</td>
										<td>您的姓名：</td>
										<td colspan="2"><input type="text" id="title-need" title="姓名不能为空" style="width:112px;line-height:24px;height:24px;"></td>
									</tr>
									<tr>
										<td class="redfont">*</td>
										<td>联系电话：</td>
										<td colspan="2"><input type="text" id="title-tel" title="请输入正确的电话号码" style="width:112px;line-height:24px;height:24px;"></td>
									</tr>
									<tr>
										<td class="redfont">*</td>
										<td>使用地区：</td>
										<td>
											<div class="province2">
												<span>请选择</span>
											</div>
										</td>
										<td>省</td>
										<td>
											<div class="city2">
												<span>请选择</span>
											</div>
										</td>
										<td>市</td>
									</tr>
									<tr>
										<td></td>
										<td>出生日期：</td>
										<td>
											<div class="year">
												<span>请选择</span>
												
											</div>
										</td>
										<td>年</td>
										<td>
											<div class="month">
												<span>请选择</span>
												<ul>
													<li value="12">12</li>
													<li value="11">11</li>
													<li value="10">10</li>
													<li value="9">9</li>
													<li value="8">8</li>
													<li value="7">7</li>
													<li value="6">6</li>
													<li value="5">5</li>
													<li value="4">4</li>
													<li value="3">3</li>
													<li value="2">2</li>
													<li value="1">1</li>
												</ul>
											</div>
										</td>
										<td>月</td>
									</tr>
								</table>

								<h1>产品需求</h1>
								<div class="sp-line-bold"></div>
								<table border="0" cellspacing="0" cellpadding="0" class="basicInfo2">
									<tr>
										<td class="redfont">*</td>
										<td class="title" colspan="2">是否再未来本年内有购车计划：</td>
										<td><input type="radio"  name="jihua" id="r1-2" value="有" checked="checked"></td>
										<td width="20">有</td>
										<td><input type="radio"  name="jihua" id="r2-2" value="无"></td>
										<td width="20">无</td>
										<td><input type="radio"  name="jihua" id="r3-2" value="不确定"></td>
										<td>不确定</td>
									</tr>
									<tr>
										<td class="redfont" rowspan="4" valign="top">*</td>
										<td class="title" rowspan="4" colspan="2" valign="top">请选择您所需要的挖机类型：</td>
										<td><input type="radio" name="jixing" id="r4-2" value="20吨以下" ></td>
										<td colspan="5">小型挖机 （20吨以下）</td>
									</tr>
									<tr>
										<td><input type="radio" name="jixing" id="r5-2" value="20吨－40吨"></td>
										<td colspan="5">中型挖机 （20吨－40吨）</td>
									</tr>
									<tr>
										<td><input type="radio" name="jixing" id="r6-2" value="40吨以上" checked="checked"></td>
										<td colspan="5">大型挖机 （40吨以上）</td>
									</tr>
									<tr>
										<td><input type="radio" name="jixing" id="r7-2" value="不确定"></td>
										<td colspan="5">不确定</td>
									</tr>
								</table>
								<table border="0" cellspacing="0" cellpadding="0" class="basicInfo2">
									<tr>
										<td></td>
										<td class="title" style="width:115px">同意卡特联系我：</td>
										<td><input type="checkbox" name=""></td>
									</tr>
									<tr>
										<td></td>
										<td class="title" align="right" style="width:115px">订购留言：</td>
										<td>
											<textarea name="" rows="" cols="" style="border:1px solid #bdbdbd;width:592px;height:132px;"></textarea>
										</td>
									</tr>
									<tr>
										<td height="10px" colspan="3"></td>
									</tr>
									<tr>
										<td></td>
										<td></td>
										<td class="link"><a class="btn" href="#">提交</a></td>
									</tr>
								</table>
								</form>
							</div>
							
					 </div>
					 <!-- /right -->
					<div class="clr">&nbsp;</div>
			</div>
			<!-- /main -->
			<!-- footer -->
			<div id="foot">
					<a href="#">关于我们</a>|
					<a href="#">联系我们</a>|
					<a href="#">网站地图</a>|
					<a href="#">友情链接</a>|
					<a href="#">版权声明</a>|
					<a href="#">CAT集团官网</a><br/>
					<p>&copy;2011 CAT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis adipiscing tempus elit, euismod imperdiet nunc adipiscing non. Sed ut lacinia sem. Donec pulvinar arcu turpis, nec suscipit arcu. In hac habitasse platea dictumst. nec suscipit arcu. In hac habitasse platea dictumst. </p>
			</div>
			<!-- /footer -->
		
		</div>
		<!--/ wrap -->
		</div>
		<!-- /wrapper -->


<script type="text/javascript">
<!--
    $(function () {
        new slider({
            dir: 'left',
            interval: 2000,
            handler: '.billboard .control ul',
            area: '.billboard .banner ul'
        });
        new slider({
            dir: 'top',
            area: '.slider .content ul',
            prevbtn: '.slider .handler .prv-btn',
            nxtbtn: '.slider .handler .nxt-btn'
        });

        new Toggle({
            handler: '.item a',
            area: 'span'
        });

        new PC({
            prc: '.province',
            city: '.city'
        });

        new PC2({
            prc2: '.province2',
            city2: '.city2'
        });

    });
//-->
</script>

</body>
</html>
